<template>
<div class="centerBody">
  <div class="zsrl box">
    <h1>招生日历</h1>
  </div>
  <div class="bkbd box">
    <h1 class="flex">
      <img src="@/assets/img/home/bkbd.png">
      <a href="#">报考必读</a>
    </h1>
    <ul>
      <li><a class="a000" href="#">填报志愿：远见与想象力</a></li>
      <li><a href="#">报志愿要首选学校，次选专业</a></li>
      <li><a href="#">校园开放日(政策发布)</a></li>
      <li><a href="#">更多</a></li>
    </ul>
    <div class="go">
      <img src="@/assets/img/home/go.png">
    </div>
  </div>
  <div class="zlxz box">
    <h1 class="flex">
      <img src="@/assets/img/home/zlxz.png">
      <p>资料下载</p>
    </h1>
    <ul>
      <li><a href="#">2020年招生简章暨报考指南</a></li>
      <li><a href="#">2019年招生简章暨报考指南</a></li>
      <li><a href="#">2018年招生简章暨报考指南</a></li>
      <li><a href="#">更多</a></li>
    </ul>
  </div>
</div>
</template>

<script>
export default {
name: "centerBody"
}
</script>

<style lang="less" scoped>
.centerBody{
  margin: 0 10px;
  .zsrl{
    background: url("../../../assets/img/home/centerBody1_bg.png") no-repeat;
    background-size: cover;
    h1{
      color: #fff;
      font-weight: normal;
      font-size: 24px;
      width: 70px;
      margin: 120px 0 0 94px;
    }
  }
  .bkbd{
    background-color: #F9F9F9;
    padding: 20px 20px 20px 30px;
    a:visited{color: #000}
    a:hover{color: #000;}
    h1{
      img{
        width: 30px;
        height: 30px;
        margin-right: 10px;
      }
      a{
        font-size: 20px;
        color: #004e72;
        font-weight: normal;
      }
    }
    ul{
      margin-top: 10px;
      li{
        font-size: 14px;
        color: #313131;
        line-height: 28px;
      }
    }
    .go{
      img{
        width: 39px;
        height: 39px;
        float: right;
      }
    }
  }
  .zlxz{
    height: 190px;
    background-color: #FC5474;
    padding: 20px 30px;
    a:visited{color: #fff;}
    a:hover{color: #fff;}
    h1{
      img{
        width: 30px;
        height: 30px;
      }
      p{
        font-size: 20px;
        font-weight: normal;
        color: #fff;
      }
    }
    ul{
      li{
        font-size: 14px;
        color: #fff;
        line-height: 30px;
      }
    }
  }
}

</style>